@import url(../css/public.less);

.header {
    width: 100%;

    .content {
        display: flex;
        justify-content: space-between;
        align-items: center;

        h1 {
            margin-top: .0938rem;
            margin-bottom: .1146rem;

            a {


                img {
                    width: 2.6406rem;
                    height: .3906rem;

                }
            }
        }

        p {
            margin-top: .2135rem;
            margin-bottom: .1667rem;
            font-size: .1667rem;
            font-family: Microsoft YaHei-Bold, Microsoft YaHei;
            font-weight: bold;
            color: #C70000;


        }
    }
}

.active {
    background: #0747A6;
}

.nav {
    position: sticky;
    z-index: 999;
    top: 0;
    width: 100%;
    background-color: #0850BC;
    height: .3646rem;


    .content {
        >ul {
            position: relative;
            display: flex;
            justify-content: space-around;



            >li {
                display: flex;
                justify-content: center;
                align-items: center;
                width: .8854rem;
                height: .3646rem;

                // &:hover {
                //     background-color: #0747A6;
                // }   

                >a {
                    font-size: .0938rem;
                    color: #FFFFFF;
                    font-weight: bold;
                }
            }

            .dropDown {
                z-index: 3;
                position: absolute;
                top: .363rem;
                background-color: #0850BC;
                display: none;

                >li {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: .8854rem;
                    height: .3646rem;
                    border: .0052rem solid #A7BBF1;
                    border-bottom: none;

                    &:hover {
                        background-color: #0747A6;
                    }

                    >a {
                        color: #FFFFFF;
                        font-weight: bold;
                        font-size: .0938rem;
                    }
                }

                >li:last-child {
                    border-bottom: .9984px solid #A7BBF1;
                }
            }

        }
    }
}

.banner {
    .content {
        img {
            height: 1.875rem;
        }
    }
}

.code1 .content {
    margin-top: .1563rem;
    display: flex;

    ul:nth-child(1) {
        .p1 {
            width: 1.5365rem;
            height: .4167rem;
            line-height: .4167rem;
            text-align: center;
            font-size: .1563rem;
            font-weight: bold;
            // color: #FFFFFF;
            color: #FFFFFF;

            background-color: #0850BC;


        }

        li {
            width: 1.5365rem;
            height: .3125rem;
            background: #FFFFFF;
            opacity: 1;
            border: 1px solid #D3D3D3;




            p {
                width: 1.5365rem;
                height: .3125rem;
                line-height: .3125rem;
                text-align: center;
                font-size: .0938rem;
                font-family: Microsoft YaHei-Regular, Microsoft YaHei;
                font-weight: 400;
                color: #666666;

                &:hover {
                    background-color: #D3D3D3;
                }


            }


        }
    }

    ul:nth-child(2) {
        top: .0781rem;
        margin-left: .2344rem;
        width: 4.6875rem;
        position: relative;


        &::after {
            content: "";
            position: absolute;
            display: block;
            width: 4.6875rem;
            height: 0px;

            top: .2083rem;
            border: .0052rem solid #707070;
        }

        li:nth-child(1) {
            width: 100%;
            margin-top: -0.0781rem;
            display: flex;
            justify-content: space-between;

            p:nth-child(1) {
                font-size: .0938rem;
                font-family: Microsoft YaHei-Bold, Microsoft YaHei;
                font-weight: bold;
                color: #666666;
                position: relative;

                &::after {
                    content: "";
                    position: absolute;
                    display: block;
                    width: .401rem;
                    bottom: -0.0521rem;
                    opacity: 1;
                    border: .0052rem solid #C70000;
                }
            }

            p:nth-child(2) {
                font-size: .0729rem;
                font-family: Microsoft YaHei-Regular, Microsoft YaHei;
                font-weight: 400;
                color: #666666;
            }
        }

        li {
            width: 1.0938rem;
            height: .2083rem;
            font-size: .1563rem;
            font-family: MicrosoftYaHei-, MicrosoftYaHei;
            font-weight: normal;
            color: #333333;
            white-space: nowrap;
            margin: auto;
            margin-top: .2604rem;

        }



        //表格
        .code4 {
            margin-bottom: .4167rem;
            margin-top: .1406rem;



            .content {
                table {
                    font-size: 12px;
                    color: #333333;
                    width: 4.6875rem;
                    border-width: .9984px;
                    border-color: #729ea5;
                    border-collapse: collapse;
                }

            }



            table th {

                font-size: .0833rem;
                font-family: MicrosoftYaHei-, MicrosoftYaHei;
                font-weight: normal;
                color: #FFFFFF;


                height: .3125rem;
                background: #0850BC;
                opacity: 1;
                border: .0052rem solid #0850BC;
                text-align: center;
            }

            table tr {
                border: 1px solid #D3D3D3;
                height: .3125rem;
                text-align: center;

            }

            table td {
                color: #666666;
                font-size: .0833rem;
                font-family: MicrosoftYaHei-, MicrosoftYaHei;
                font-weight: normal;
                color: #666666;

            }

            table td:nth-child(5) {
                font-size: .0938rem;
            }

            table td:nth-child(6) {
                font-size: .0938rem;
                color: #C70000;
                font-size: .0833rem;

            }

        }
    }
}

.footer {

    height: 1.6719rem;
    background: #0850BC;
    opacity: 1;

    .content {
        // background-color: aqua;
        height: 1.6719rem;
        overflow: hidden;
        display: flex;
        justify-content: space-between;

        .left {

            padding-top: .4688rem;
            position: relative;


            &::before {
                content: "";
                position: absolute;
                display: block;
                height: .8229rem;
                opacity: 1;
                border: .0052rem solid #FFFFFF;
                right: -0.2865rem;
            }

            img {
                width: .8646rem;
                height: .651rem;

            }
        }

        .zh {
            margin-top: .4375rem;
            width: 3.1771rem;
            margin-bottom: .4531rem;
            // background-color: #CC9966;

            ul {
                display: flex;
                justify-content: space-between;
                align-items: center;

                li:nth-child(1) {
                    font-size: .1042rem;
                }

                li {
                    font-size: .0833rem;
                    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
                    font-weight: 400;
                    color: #FFFFFF;
                }
            }

            .word1 {
                font-size: .2344rem;
                margin-top: .0885rem;
                font-family: Microsoft YaHei-Bold, Microsoft YaHei;
                font-weight: bold;
                color: #FFFFFF;
            }

            .word2 {
                font-size: .0729rem;
                font-family: Microsoft YaHei-Regular, Microsoft YaHei;
                font-weight: 400;
                color: #FFFFFF;
                padding-top: .0104rem;
                box-sizing: border-box;
            }
        }

        .right {
            width: .7031rem;
            height: .7031rem;
            margin-top: .4271rem;
            // background-color: aquamarine;

            img {
                width: .7031rem;
                height: .7031rem;
            }

            p {
                text-align: center;
                font-size: .0729rem;
                font-family: Microsoft YaHei-Regular, Microsoft YaHei;
                font-weight: 400;
                color: #FFFFFF;
            }
        }
    }
}